@import "./response.less";
.jcyera.alert{
    img{
        margin-top:20px;
    }
    .alert-icon{
        height:30px;
    }
}
@keyframes myfirst{
    0%   {transform: scale(0.8,0.8);}
    50% {transform:scale(1.05,1.05)}
    100% {transform:scale(1,1)}
}
@keyframes obg{
    0% {background:rgba(0,0,0,0);}
    100% {background:rgba(0,0,0,.6);}
}
.jcyera{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    animation:obg .3s;
    background:rgba(0,0,0,.6);
    .box{
        animation: myfirst .3s;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:420px;
        height:240px;
        margin:auto;
        border-radius:10px;
        background:rgba(255,240,240,1);
        text-align: center;
        font-size:20px;
        .content-box{
            margin-top:61px;
        }
        .button-box{
            margin-top:50px;
            .button{
                width:110px;
                height:44px;
                line-height: 44px;
                color:#fff;
                float:left;
                cursor: pointer;
            }
            .button:last-child{
                margin-left:70px;
                background:rgba(240,219,219,1);
            }
            .button:first-child{
                margin-left:60px;
                background:rgba(184,54,44,1);
            }
        }
        
    }
}